{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
~}}

<div class="control">
  <span class="prefix-icon"><Hds::Icon @name="search" /></span>
  <input
    class="input {{this.inputClass}}"
    type="text"
    placeholder={{this.placeholder}}
    aria-label={{this.placeholder}}
    value={{this._searchTerm}}
    oninput={{action "setSearchTerm"}}
    size="1">
  <button class="suffix-icon" onclick={{action "clear"}} type="button" title="Clear search"><Hds::Icon @name="x" /></button>
</div>
